<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆成功</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <style>
        body {
            margin: 0;
            padding: 0;
            height: 900px;
            width: 100%;
            background-image: url(img/service/top-service.jpg);
            background-repeat: no-repeat;
            background-size: cover; /* 或者使用 'contain' */
            background-position: center center; /* 使图片在容器中居中 */
        }
        a{
            color: #666;
            text-decoration: none;
        }
        #bigBox
        {
            margin: 0 auto;
            margin-top: 100px;
            padding: 20px 50px;
            background-color: #000000;
            width: 500px;
            height: 400px;
            border-radius: 20px;
            text-align: center;
            background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
        }
        #bigBox h1
        {
            font-size: 40px;
            color: floralwhite;
        }
        #bigBox .inputBox
        {
            margin-top: 35px;
        }
        #bigBox .inputBox .inputText
        {
            margin-top: 20px;
        }
        #bigBox .inputBox .inputText input
        {
            border: 0;
            padding: 10px 10px;
            border-bottom: 1px solid white;
            background-color: #00000000;
            color: white;
            width: 200px;
            height: 40px;
            font-size: 20px;
        }
        #bigBox .inputBox .inputText i
        {
            color: white;
        }
        #bigBox .inputBox .inputButton
        {
            border: 0;
            width: 200px;
            height: 50px;
            color: white;
            margin-top: 55px;
            border-radius:20px;
            background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%,#b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
        }


    </style>
</head>
<body>
<div id="main">
    <i class="fa fa-diamond fa-5x" style="color: #ed9db2; size: 50;"></i>
    <h3 style="display: inline-block; ">登陆成功！！</h3>
</div>
</body>
</html>